Improve homepage navigation targets and social preview metadata - #13
Merged
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
The homepage navigation links had narrow clickable areas, and social previews reused one image URL after the artwork changed. Give all five homepage links at least 44 × 44 CSS pixels with responsive spacing, and generate a content-hashed PNG URL from the existing social artwork.
Use that URL consistently in complete Open Graph and Twitter metadata on all eleven pages, while preserving the stable image alias for existing links. The build checks enforce the expected image bytes, dimensions, metadata and file allowlist. Remove repeated Atlas markup indentation to retain its existing HTML size budget.
Validation: repository and site checks; two byte-identical builds; real browser navigation checks at 320, 390, 1020, 1021 and 1440 CSS pixels without horizontal overflow; visible keyboard focus and a successful click in the link padding. The Atlas still renders and filters Codex correctly. Canvas code and backend modules are unchanged.